<h1>
    Foo bar
</h1>

---

<h2>
    Foo bar
</h2>

---

<h3 id="my-id">
    Foo bar
</h3>

---

<h3>
    <strong>
        Foo bar
    </strong>
</h3>

---

<h4>
    Foo
    <em>
        bar
    </em>
</h4>

---

<h1 id="foo-bar">
    Foo bar
</h1>

---

<h1 id="custom-id">
    Foo bar
</h1>

---

<h4 id="foobar">
    Foo
    <em>
        bar
    </em>
</h4>

---

<div class="page-break" data-hidden="">
</div>
<h1 id="foo-bar">
    Foo bar
</h1>

---

<div class="page-break" data-hidden="">
</div>
<h2 id="foo-bar">
    Foo bar
</h2>

---

<h3 id="foo-bar">
    Foo bar
</h3>

---

<h4 id="foo-bar">
    Foo bar
</h4>